<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>nvidia</title>
    
    <link rel='stylesheet' href='./boot/css/bootstrap.css'>
    <script src='./boot/js/jquery.min.js'></script>
    <script src='./boot/js/popper.min.js'></script>
    <script src='./boot/js/bootstrap.min.js'></script>
    <link rel="stylesheet" href="./asset/css/index.css">
   <style>
      
   </style>
</head>
<body>
    <!-- 导航条 -->
    <div class="header fixed-top">
        <div class="container">
            <nav class="navbar navbar-expand-md navbar-light bg-white p-0">
                <button class="navbar-toggler btn p-0" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03" aria-expanded="false" aria-label="Toggle navigation">
                  <span class="navbar-toggler-icon"></span>
                </button>
                <img class="navbar-brand logo"src="./img/logo.svg">
                <img class="navbar-brand user"src="./img/user.svg">
                <div class="collapse navbar-collapse  bg-white" id="navbarTogglerDemo03">
                  <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
                    <li class="nav-item active">
                      <a class="nav-link" href="#">产品</a>
                    </li>
                    <li class="nav-item active">
                        <a class="nav-link" href="#">解决方案</a>
                      </li>
                      <li class="nav-item active">
                        <a class="nav-link" href="#">行业</a>
                      </li>
                      <li class="nav-item active">
                        <a class="nav-link" href="#">为你推荐</a>
                      </li>
                  </ul>
                  <ul class="navbar-nav mr-5 mt-2 mt-lg-0">
                    <li class="nav-item active">
                        <a class="nav-link" href="#">驱动程序</a>
                      </li>
                      <li class="nav-item active">
                        <a class="nav-link" href="#">支持</a>
                      </li>
                  </ul>
                  
                  
                </div>
              </nav>
        </div>
    </div>
    <!-- 主要内容部分 -->
    <div class="pagecontent">
        <!-- 轮播部分 -->
        <div class="swiper">
            <div id="carouselExampleIndicators" class="carousel slide w-100 h-100" data-ride="carousel">
                <!-- 轮播小li -->
                <ol class="carousel-indicators">
                  <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                  <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                  <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                  <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
                  <li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
                </ol>
                <!-- 轮播图片 -->
                <div class="carousel-inner  w-100 h-100">
                  <div class="carousel-item active  w-100 h-100">
                      <div class="container">
                          <div class="content-cell">
                              <img src="./img/mwc-barcelona.svg" alt="">
                              <div class="title">NVIDIA 特别演讲</div>
                              <div class="desc">AI-on-5G：将互联智能带入各行各业</div>
                              <div class="sbtn">观看回放</div>
                          </div>
                      </div>
                  </div>
                  <div class="carousel-item  w-100 h-100">
                    <div class="container">
                        <div class="content-cell">
                            <div class="title">NVIDIA 和 GOOGLE CLOUD
                                宣布成立 AI-ON-5G 实验室</div>
                            <div class="desc">业界首个开放式创新实验室将加速面向 5G 的 AI 应用程序开发</div>
                            <div class="sbtn">了解详情</div>
                        </div>
                    </div>
                  </div>
                  <div class="carousel-item  w-100 h-100">
                    <div class="container">
                         <div class="content-cell">
                            <div class="title">一个控制平面。完善的边缘 AI 管理。</div>
                            <div class="desc">通过 NVIDIA Fleet Command 保护、管理和扩展您的整个物联网设集群</div>
                            <div class="sbtn">查看演示</div>
                        </div>
                    </div>
                  </div>
                  <div class="carousel-item  w-100 h-100">
                    <div class="container">
                        <div class="content-cell">
                            <div class="title">NVIDIA DOCA SDK 开放下载</div>
                            <div class="desc">立即成为早期开发者</div>
                            <div class="sbtn">注册</div>
                        </div>
                    </div>
                  </div>
                  <div class="carousel-item w-100 h-100">
                    <div class="container">
                        <div class="content-cell">
                            <div class="title">强者致胜</div>
                            <div class="desc">GEFORCE RTX™ 30 系列</div>
                            <div class="sbtn">立即购买</div>
                        </div>
                    </div>
                </div>
              </div>
        </div>
        
        <!-- shop部分 -->
        <div class="shop">
            <div class="container">
                <div class="en-title">SHOP</div>
                <div class="cn-title">产品</div>
                <div class="shop-content">
                    <div class="shop-item">
                        <div class="card shops">
                            <img src="./img/shop1.jpg" class="card-img-top" alt="...">
                            <div class="card-body">
                              <h5 class="card-title">强者致胜</h5>
                              <p class="card-text">GeForce RTX 30 系列笔记本</p>
                            </div>
                        </div>
                    </div>
                    <div class="shop-item">
                        <div class="card shops">
                            <img src="./img/shop2.jpg" class="card-img-top" alt="...">
                            <div class="card-body">
                              <h5 class="card-title">强者致胜</h5>
                              <p class="card-text">GeForce RTX 30 系列</p>
                            </div>
                        </div>
                    </div>
                    <div class="shop-item">
                        <div class="card shops">
                            <img src="./img/shop3.jpg" class="card-img-top" alt="...">
                            <div class="card-body">
                              <h5 class="card-title">6月 Studio 最新发布</h5>
                              <p class="card-text">了解本月Studio为创作者们带的最新内容</p>
                            </div>
                        </div>
                    </div>
                    <div class="shop-item">
                        <div class="card shops">
                            <img src="./img/shop4.jpg" class="card-img-top" alt="...">
                            <div class="card-body">
                              <h5 class="card-title">Jetson Nano 2GB开发者套件</h5>
                              <p class="card-text">学习，构建和教授AI的理想之选，价格亲民，立即获得</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 游戏部分 -->
        <div class="shop">
            <div class="container">
                <div class="cn-title">游戏</div>
                <div class="shop-content">
                    <div class="shop-item">
                        <div class="card game">
                            <img src="./img/game1.jpg" class="card-img-top" alt="...">
                            <div class="card-body">
                              <h5 class="card-title">“帧”能赢</h5>
                              <p class="card-text">现已支持NVIDIA Reflex</p>
                            </div>
                        </div>
                    </div>
                    <div class="shop-item">
                        <div class="card game">
                            <img src="./img/game2.jpg" class="card-img-top" alt="...">
                            <div class="card-body">
                              <h5 class="card-title">RTX. It's On</h5>
                              <p class="card-text">现已支持NVIDA DLSS</p>
                            </div>
                        </div>
                    </div>
                    <div class="shop-item">
                        <div class="card game">
                            <img src="./img/game3.jpg" class="card-img-top" alt="...">
                            <div class="card-body">
                              <h5 class="card-title">RTX. It's On</h5>
                              <p class="card-text">更多游戏，敬请期待</p>
                            </div>
                        </div>
                    </div>
                    <div class="shop-item">
                        <div class="card game">
                            <img src="./img/game4.jpg" class="card-img-top" alt="...">
                            <div class="card-body">
                              <h5 class="card-title">“帧”能赢</h5>
                              <p class="card-text">《逃离塔科夫》现已支持NVIDIA Reflex</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- AI新闻部分 -->
        <div class="shop">
            <div class="container">
                <div class="cn-title">AI新闻</div>
                <div class="shop-content">
                    <div class="shop-item">
                        <div class="card new">
                            <img src="./img/new1.jpg" class="card-img-top" alt="...">
                            <div class="card-body">
                              <h5 class="card-title">NVIDIA Aerial™5g平台扩展了对Arm的支持</h5>
                              <p class="card-text">在Arm®CPU上运行的软件定义AI-on-5G使企业能够通过5G部署智能服务</p>
                            </div>
                        </div>
                    </div>
                    <div class="shop-item">
                        <div class="card new">
                            <img src="./img/new2.jpg" class="card-img-top" alt="...">
                            <div class="card-body">
                              <h5 class="card-title">准备好迎接行业高性能计算革命</h5>
                              <p class="card-text">模拟、加速计算和人工智能的结合正彻底改变每个行业</p>
                            </div>
                        </div>
                    </div>
                    <div class="shop-item">
                        <div class="card new">
                            <img src="./img/new3.jpg" class="card-img-top" alt="...">
                            <div class="card-body">
                              <h5 class="card-title">NVIDIA RIX专业笔记本电脑GPU</h5>
                              <p class="card-text">从轻薄型笔记本电脑中获取最强大的视觉计算功能。</p>
                            </div>
                        </div>
                    </div>
                    <div class="shop-item">
                        <div class="card new">
                            <img src="./img/new4.jpg" class="card-img-top" alt="...">
                            <div class="card-body">
                              <h5 class="card-title">宣布推出NVIDIA Al-on-5G</h5>
                              <p class="card-text">一个统一的平台，用于简化通过5G边缘网络部署AI应用的流程。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 数据边缘部分 -->
        <div class="shop pb-5">
            <div class="container">
                <div class="cn-title">从数据中心到边缘</div>
                <div class="shop-content">
                    <div class="shop-item">
                        <div class="card data">
                            <img src="./img/side1.jpg" class="card-img-top" alt="...">
                            <div class="card-body">
                              <h5 class="card-title">全球计算机制造商采用 NVIDIA AI 在 MLPerf 基准测试下创下多项纪录</h5>
                              <p class="card-text">NVIDIA DGX和戴尔、富士通、技嘉、浪潮、联想、宁畅和超微等公司搭载 NVIDIA 技术的系统在最新 MLPerf基准测试中取得出色成绩</p>
                            </div>
                        </div>
                    </div>
                    <div class="shop-item">
                        <div class="card data">
                            <img src="./img/side2.jpg" class="card-img-top" alt="...">
                            <div class="card-body">
                              <h5 class="card-title">NVIDIA AI AI Enterprise 软件推动世界领先制造商的认证系统新浪潮</h5>
                              <p class="card-text">宣布推出数十款经过认证可运行 NVIDIA AI Enterprise 软件的新服务器，这标志着 NVIDIA 认证系统计划的快速扩展，使计划已发展到包括来自世界领先制造商的50多个系统</p>
                            </div>
                        </div>
                    </div>
                    <div class="shop-item">
                        <div class="card data">
                            <img src="./img/side3.jpg" class="card-img-top" alt="...">
                            <div class="card-body">
                              <h5 class="card-title">一个架构，满足所有需求</h5>
                              <p class="card-text">了解NVIDIA EGX平台</p>
                            </div>
                        </div>
                    </div>
                    <div class="shop-item">
                        <div class="card data">
                            <img src="./img/side4.jpg" class="card-img-top" alt="...">
                            <div class="card-body">
                              <h5 class="card-title">使用 NVIDIA CUDA 实现 Python加速</h5>
                              <p class="card-text">使用一组主机 API 统一 Python CUDA 生态系统</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    
        <!-- 底部黑框信息部分footer -->
        <div class="foot">
            <!-- 信息列表 -->
            <div class="container">
             <div class="content">
                 <div class="part">
                     <div class="title">公司信息</div>
                     <ul>
                         <li><a href="#">关于NVIDIA</a></li>
                         <li><a href="#">公司概览</a></li>
                         <li><a href="#">技术</a></li>
                         <li><a href="#">NVIDIA研究</a></li>
                         <li><a href="#">投资者</a></li>
                         <li><a href="#">社会责任</a></li>
                         <li><a href="#">NVIDIA Foundation</a></li>
                     </ul>
                 </div>
                 <div class="part">
                    <div class="title">参与</div>
                    <ul>
                        <li><a href="#">人才招聘</a></li>
                        <li><a href="#">开发者社区</a></li>
                        <li><a href="#">加入开发者计划</a></li>
                        <li><a href="#">NVIDIA合作伙伴网络</a></li>
                        <li><a href="#">NVIDIA初创加速计划</a></li>
                        <li><a href="#">NVIDIA初创加速GPU风险投资计划</a></li>
                        <li><a href="#">培训</a></li>
                        <li><a href="#">技术培训</a></li>
                        <li><a href="#">面向IT专业人员的培训</a></li>
                        <li><a href="#">面向数据科学人员的专业服务</a></li>
                    </ul>
                 </div>
                 <div class="part">
                    <div class="title">新闻与活动</div>
                    <ul>
                        <li><a href="#">新闻中心</a></li>
                        <li><a href="#">NVIDIA博客</a></li>
                        <li><a href="#">在线研讨会</a></li>
                        <li><a href="#">获得最新消息</a></li>
                        <li><a href="#">近期活动</a></li>
                        <li><a href="#">NVIDIA GPU 技术大会</a></li>
                    </ul>
                 </div>
             </div>

             <!-- 订阅 -->
             <div class="sub">
                 <div class="leftside">
                    <img src="./img/msg.svg" alt="">
                    <div class="new">订阅 NVIDIA 最新消息</div>
                    <div class="mybtn">订阅</div>
                 </div>
                <div class="rightside">
                    <div class="sc">关注NVIDIA</div>
                    <div><img src="./img/icon_6t9tyn3cr8t/weibo.png" alt="">
                        <img src="./img/icon_6t9tyn3cr8t/weixin.png" alt="">
                        <img src="./img/icon_6t9tyn3cr8t/lianhe11.png" alt=""></div>
                    
                </div>
             </div>
            </div>
        </div>

        <div class="anc">
            <div class="container">
                <div class="content">
                    <div class="pt1">
                        <img src="./img/blacklogo.svg" alt="">
                        <div class="chn">CHN-中国</div>
                    </div>
                    <ul class="pt2">
                        <li class="sx"><a href="#">隐私声明</a></li>
                        <li class="sx"><a href="#">法律事宜</a></li>
                        <li class="sx"><a href="#">联系我们</a></li>
                        <li><a href="#">产品安全性</a></li>
                    </ul>
                    <div class="pt3">
                        <ul>
                            <li class="sx">Copyright © 2021 NVIDIA Corporation</li>
                            <li class="sx">京公网安备11010502036963号</li>
                            <li>京ICP备18033986号-1</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    
</body>    
</html>